<template>
  <div id="app">
    <nav>
      <el-row :gutter="4" class="headline" type="flex" justify="left">
        <el-col :span="5">
          <router-link to="/">首页</router-link>
        </el-col>
        <el-col :span="6" push="10">
          <router-link to="/statistics">明细</router-link>
        </el-col>
      </el-row>
    </nav>
    <router-view/>
  </div>
</template>

<style lang="stylus">
#app
  font-family Avenir, Helvetica, Arial, sans-serif
  -webkit-font-smoothing antialiased
  -moz-osx-font-smoothing grayscale
  text-align left
  color #2c3e50
  margin-top 5px

nav
  display flex
  justify-content left
  a
    margin 0 15px
    text-decoration none
    color #2c3e50
    &:hover
      color #42b983

.headline
  height 80px
  width 100%
  line-height 80px
  background-color #42b983
</style>